// 定义图片懒加载
import { useIntersectionObserver } from '@vueuse/core'
export const imgpullazy = {
  install(app){
    // 图片懒加载
    app.directive('img-lazy', {
      mounted(el, binding) {
        useIntersectionObserver(
          el,
          // el是监听的对象 监听图片是否进入可视区域 entry 是布尔值
          ([entry]) => {
            if (entry.isIntersecting) {
              el.src = binding.value
            }
          },
        )
      }
    })
  }
}
